<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
		<meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
		<title>盖象商城</title>
		<link href="../styles/global.css" rel="stylesheet" type="text/css" />
		<link href="../styles/cart.css" rel="stylesheet" type="text/css" />
	</head>

	<body>      
        <div class="order-cancel">
            <div class="play-message">
                <div class="cancel-title"><span><i>*</i>取消原因：</span>
                    <div class="cancel-list"><i class="index-icon"></i>
                        <p>现在不想购买</p>
                        <ul>
                            <li>现在不想购买</li>
                            <li>重复下单</li>
                            <li>收货人信息有误</li>
                            <li>送货时间长</li>
                            <li>商品价格较贵</li>
                            <li>商品缺货</li>
                            <li>无法支付订单</li>
                            <li>其他原因</li>
                        </ul>
                    </div>
                </div>
                <div class="cancel-msg">
                    <p>温馨提示：</p>
                    <p>-订单成功取消后无法恢复</p>
                    <p>-盖订单已付金额将返还银行卡/盖象商城账户</p>
                </div>
            </div>
        </div>
        
        <script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
        <script>
            //选择取消点单理由
            $(".cancel-title p").click(function(){
                $(".cancel-title ul").show();
            })
            $(".cancel-title ul li").click(function(){
                var title=$(this).html();
                $(".cancel-title p").html(title);
                $(".cancel-title ul").hide();
            })
        </script>
	</body>
</html>